$(function () {
  var layer = layui.layer;
  var form = layui.form;
  initArtCateList();

  // 获取文章分类的列表
  function initArtCateList() {
    $.ajax({
      method: "GET",
      url: "/my/article/cates",
      success: function (res) {
        $("tbody").html(htmlStr);
        var htmlStr = template("tpl-table", res);
        // TODO 利用res做为数据，使用模板引擎渲染列表内容
        $("tbody").html(htmlStr);
      },
    });
  }
  var indexAdd = null;
  $(".layui-btn ").on("click", function () {
    indexAdd = layer.open({
      type: 1,
      area: ["500px", "300px"],
      title: "添加文章分类",
      content: $("#dialog-add").html(),
    });
  });
  //添加文章类
  $("body").on("submit", "#form-add", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/my/article/addcates",
      data: $(this).serialize(),
      success: (res) => {
        if (res.status !== 0) {
          return layer.msg("新增分类失败");
        }

        layer.msg("新增分类成功");
        //  只能关闭打开某个图层的索引
        initArtCateList();
        layer.close(indexAdd);
      },
    });
  });
  //  删除按键
  $("tbody").on("click", ".btn-delete", function () {
    var id = $(this).attr("indexl");
    layer.confirm("是否删除", { icon: 3, title: "提示" }, function (index) {
      //do something// 获取想要删除的id号

      $.ajax({
        method: "GET",
        url: "/my/article/deletecate/" + id,
        success: (res) => {
          if (res.status !== 0) {
            return layer.msg("删除失败");
          }
          layer.msg("删除成功");
          layer.close(index);
          initArtCateList();
        },
      });
      // layer.close(index);
    });
  });
  //编辑类
  var indexEdit = null;
   $("tbody").on("click", ".btn-edit", function () {
    // 弹出一个修改文章分类信息的层
    indexEdit = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "修改文章分类",
      content: $("#dialog-edit").html(),
    });

    var id = $(this).attr("data-id");
   
    // 发起请求获取对应分类的数据
    $.ajax({
      method: "GET",
      url: "/my/article/cates/" + id,
      success: function (res) {
        form.val("form-edit", res.data);
        // console.log(res);
     
      },
    });
  });
  // 建立点击事件
  $("body").on("submit","#form-edit",function(e){
    e.preventDefault()
    $.ajax({
      method:'POST',
      url:'/my/article/updatecate',
      data:$(this).serialize(),
      success: res => {
        if(res.status !== 0){
          return layer.msg('更新失败')
        }
        layer.msg('更新成功')
        layer.close(indexEdit);
          initArtCateList();
      }
    })
  })
});
